/*
Language flags
==================================================
Displays a country flag the size of 14px x 11px used for language selections purposes.

inspired by: https://github.com/dhanishgajjar/css-flags

en-GB: we need to use svg for en-GB, cause it's smaller than the CSS-Version
*/
.language-flag {
    display: inline-block;
    height: 12px;
    width: 16px;
    border: 1px solid $gray-500;
    margin-top: 1px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;

    &.country-de {
        background-image: linear-gradient(to bottom, #000 33%, #f00 33%, #f00 66%, #fc0 66%);
    }

    &.country-gb {
        background-image: url('');
    }
}
